import React from 'react'
import { View, Text, Button, Icon, Row, Divider } from '@shoutem/ui'
import { Actions } from 'react-native-router-flux'

const UserInfo = () => {
  return (
    <View styleName="vertical flexible" style={{marginTop:70}} >
      <Button
        style={{justifyContent: 'flex-start'}}
        onPress={ () => Actions.favoriteTabbar() }
      >
        <Icon name="add-to-favorites-full" />
        <Text>我的收藏</Text>
      </Button>
      <Divider styleName="line" />
      <Button
        style={{justifyContent: 'flex-start'}}
        onPress={ () => Actions.likeTabbar() }
      >
        <Icon name="like" />
        <Text>我的点赞</Text>
      </Button>
      <Divider styleName="line" />
    </View>
  )
}

export default UserInfo
